﻿<ResourceDictionary xmlns="http://schemas.microsoft.com/client/2007"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:ribbon="clr-namespace:Infusion.Silverlight.Controls.Ribbon;assembly=Infusion.Silverlight.Controls"
                    xmlns:input="clr-namespace:Infusion.Silverlight.Controls.Input;assembly=Infusion.Silverlight.Controls"
                    xmlns:menu="clr-namespace:Infusion.Silverlight.Controls.Menu;assembly=Infusion.Silverlight.Controls">

  <!-- Ribbon -->
  <Style TargetType="ribbon:Ribbon">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:Ribbon">
          <Canvas x:Name="RibbonLayoutRoot"
                  Background="#D0D4DD"
                  Width="{TemplateBinding Width}"
                  Height="131"
                  Canvas.Left="-5000"
                  Canvas.Top="-5000">

            <Canvas.Clip>
              <RectangleGeometry x:Name="RibbonLayoutRootClip"
                                 Rect="0,0,9000,9000" />
            </Canvas.Clip>

            <!-- Title Bar -->
            <Canvas x:Name="TitleBar"
                    Height="27"
                    Width="{TemplateBinding Width}">
              <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Offset="0.0"
                                Color="#D4D6DA" />
                  <GradientStop Offset="0.137"
                                Color="#CACDD1" />
                  <GradientStop Offset="0.138"
                                Color="#BAC1CA" />
                  <GradientStop Offset="0.95"
                                Color="#E8ECF4" />
                  <GradientStop Offset="1.0"
                                Color="#ACAFB7" />
                </LinearGradientBrush>
              </Canvas.Background>
            </Canvas>

            <!-- Main Menu -->
            <ribbon:RibbonMainMenu x:Name="MainMenu"
                                   Canvas.Top="27" />

            <Canvas.Resources>
              <Storyboard x:Name="StoryboardMenuOpacity">
                <DoubleAnimation From="1"
                                 To="0"
                                 Storyboard.TargetName="MainMenu"
                                 Storyboard.TargetProperty="Opacity"
                                 Duration="0:0:0.3" />
              </Storyboard>
            </Canvas.Resources>

            <!-- Office Button -->
            <Grid x:Name="OfficeButtonLayout"
                  Canvas.Left="4"
                  Canvas.Top="4"
                  Width="{TemplateBinding Width}"
                  Height="37">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="37" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <Canvas Grid.Column="0"
                      Background="Transparent">

                <Canvas.Resources>
                  <Storyboard x:Name="AnimateHighlight">
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonBorder"
                                    Storyboard.TargetName="EllipseOfficeButtonBorder"
                                    Storyboard.TargetProperty="(Ellipse.Stroke).(SolidColorBrush.Color)"
                                    Duration="0:0:0.3" />
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButton"
                                    Storyboard.TargetName="EllipseOfficeButton"
                                    Storyboard.TargetProperty="(Ellipse.Stroke).(SolidColorBrush.Color)"
                                    Duration="0:0:0.3" />
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonGradient0"
                                    Storyboard.TargetName="EllipseOfficeButton"
                                    Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)"
                                    Duration="0:0:0.3" />
                    <ColorAnimation x:Name="ColorAnimationEllipseOfficeButtonGradient1"
                                    Storyboard.TargetName="EllipseOfficeButton"
                                    Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)"
                                    Duration="0:0:0.3" />
                    <ColorAnimation x:Name="ColorAnimationPathOfficeButtonHighlightGradient0"
                                    Storyboard.TargetName="PathOfficeButtonHighlight"
                                    Storyboard.TargetProperty="(Path.Fill).(RadialGradientBrush.GradientStops)[0].(GradientStop.Color)"
                                    Duration="0:0:0.3" />
                    <ColorAnimation x:Name="ColorAnimationPathOfficeButtonHighlightGradient1"
                                    Storyboard.TargetName="PathOfficeButtonHighlight"
                                    Storyboard.TargetProperty="(Path.Fill).(RadialGradientBrush.GradientStops)[1].(GradientStop.Color)"
                                    Duration="0:0:0.3" />
                  </Storyboard>
                </Canvas.Resources>

                <Ellipse Width="37"
                         Height="37"
                         Canvas.Left="0.5"
                         Canvas.Top="0.5"
                         Fill="#8091949A" />
                <Ellipse x:Name="EllipseOfficeButtonBorder"
                         Width="37"
                         Height="37"
                         Stroke="#85898C" />

                <Ellipse x:Name="EllipseOfficeButton"
                         Canvas.Left="1"
                         Canvas.Top="1"
                         Width="35"
                         Height="35"
                         Stroke="#FEFEFE">
                  <Ellipse.Fill>
                    <LinearGradientBrush StartPoint="0.5,0"
                                         EndPoint="0.5,1">
                      <GradientStop Offset="0.0"
                                    Color="#F7F7F7" />
                      <GradientStop Offset="1.0"
                                    Color="#C8C8C8" />
                    </LinearGradientBrush>
                  </Ellipse.Fill>
                </Ellipse>

                <Path x:Name="PathOfficeButtonHighlight">
                  <Path.Data>
                    <PathGeometry>
                      <PathGeometry.Figures>
                        <PathFigure IsClosed="True"
                                    IsFilled="True"
                                    StartPoint="2,18">
                          <ArcSegment Point="35,18"
                                      SweepDirection="Clockwise"
                                      Size="30,15" />
                          <ArcSegment Point="2,18"
                                      SweepDirection="Clockwise"
                                      Size="8,8.3" />
                        </PathFigure>
                      </PathGeometry.Figures>
                    </PathGeometry>
                  </Path.Data>

                  <Path.Fill>
                    <RadialGradientBrush GradientOrigin="0.5,0.75"
                                         Center="0.5,0.75"
                                         RadiusX="1"
                                         RadiusY="2.6">
                      <GradientStop Offset="0.0"
                                    Color="#FFFFFF" />
                      <GradientStop Offset="1.0"
                                    Color="#989898" />
                    </RadialGradientBrush>
                  </Path.Fill>
                </Path>

                <!-- Quick Launch Buttons -->
                <Grid x:Name="GridQuickLaunchButtons"
                      Canvas.Left="46"
                      Canvas.Top="-1.5">

                  <Grid.RowDefinitions>
                    <RowDefinition Height="22" />
                  </Grid.RowDefinitions>

                  <Canvas Grid.Column="0"
                          Grid.Row="0"
                          Grid.ColumnSpan="999"
                          Background="#D3D7DD" />
                  <Rectangle Grid.Column="0"
                             Grid.Row="0"
                             Grid.ColumnSpan="999"
                             Stroke="#99A3AF"
                             StrokeThickness="0.5" />

                </Grid>

                <!-- Left Cap -->
                <Canvas Canvas.Left="32"
                        Canvas.Top="-1.25">
                  <Path Fill="#D3D7DD"
                        Stroke="#99A3AF"
                        StrokeThickness="0.5">
                    <Path.Data>
                      <PathGeometry>
                        <PathGeometry.Figures>
                          <PathFigure IsClosed="False"
                                      IsFilled="True"
                                      StartPoint="15,0">
                            <LineSegment Point="0,0" />
                            <ArcSegment Point="12,22"
                                        IsLargeArc="False"
                                        SweepDirection="Clockwise"
                                        Size="19,24" />
                            <LineSegment Point="15,22" />
                          </PathFigure>
                        </PathGeometry.Figures>
                      </PathGeometry>
                    </Path.Data>
                  </Path>
                </Canvas>

                <!-- Right Cap (Canvas.Left = 45 + Sum[ColumnWidths] ) -->
                <Canvas x:Name="CanvasQuickLaunchRightCap"
                        Canvas.Left="121"
                        Canvas.Top="-1.25">
                  <Path Fill="#D3D7DD"
                        Stroke="#99A3AF"
                        StrokeThickness="0.5">
                    <Path.Data>
                      <PathGeometry>
                        <PathGeometry.Figures>
                          <PathFigure IsClosed="False"
                                      IsFilled="True"
                                      StartPoint="0,0">
                            <LineSegment Point="1,0" />
                            <ArcSegment Point="1,21.5"
                                        IsLargeArc="False"
                                        Size="40, 20"
                                        SweepDirection="Clockwise" />
                            <LineSegment Point="0,21.5" />
                          </PathFigure>
                        </PathGeometry.Figures>
                      </PathGeometry>
                    </Path.Data>
                  </Path>

                  <!-- Quick Launch Menu -->
                  <ribbon:RibbonButton Canvas.Left="9"
                                       Canvas.Top="-2"
                                       Format="Small"
                                       SmallImageSource="Images/QuickLaunchMenuArrow.png"
                                       SmallImageWidth="13" />

                </Canvas>

              </Canvas>

              <Image x:Name="ImgOfficeButton"
                     Grid.Column="0"
                     Stretch="None" />
              <Canvas x:Name="CanvasOfficeButtonClickSurface"
                      Grid.Column="0"
                      Background="Transparent" />

              <TextBlock Grid.Column="1"
                         Text="Document1 - Silverlight Word"
                         Foreground="#4C535C"
                         FontFamily="Calibri"
                         FontSize="11.5"
                         HorizontalAlignment="Center"
                         VerticalAlignment="Top"
                         Margin="0,2,0,0" />
            </Grid>

            <!-- Ribbon Body -->
            <Canvas x:Name="RibbonBody"
                    Width="300"
                    Height="90"
                    Canvas.Top="22"
                    Canvas.Left="1">

              <Canvas.Clip>
                <RectangleGeometry x:Name="RibbonBodyClip"
                                   Rect="0,0,300,90"
                                   RadiusX="3"
                                   RadiusY="3" />
              </Canvas.Clip>

              <Canvas.Background>
                <!--<LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#EEF1F6"
                                Offset="0.0" />
                  <GradientStop Color="#E1E6EE"
                                Offset="0.19" />
                  <GradientStop Color="#D5DBE7"
                                Offset="0.191" />
                  <GradientStop Color="#EEF4F4"
                                Offset="1.0" />
                </LinearGradientBrush>-->
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#FFE1E2E4"
                                Offset="0.016" />
                  <GradientStop Color="#FFB3B4B8"
                                Offset="0.357" />
                  <GradientStop Color="#FFEBECEE"
                                Offset="0.812" />
                  <GradientStop Color="#FFF6F8F7"
                                Offset="0.995" />
                  <GradientStop Color="#FFE4E6E5"
                                Offset="1" />
                </LinearGradientBrush>
              </Canvas.Background>

              <Rectangle x:Name="RibbonBodyRectOutline"
                         Canvas.Top="-0.5"
                         Canvas.Left="-0.5"
                         Width="301"
                         Height="91"
                         Stroke="#9D9E9F"
                         StrokeThickness="1"
                         RadiusX="3"
                         RadiusY="3" />

            </Canvas>

            <!-- Ribbon Tabs -->
            <Grid x:Name="RibbonTabs"
                  Canvas.Left="1"
                  Canvas.Top="0"
                  Width="{TemplateBinding Width}">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="46" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="22.5" />
              </Grid.RowDefinitions>

              <!-- Tabs -->

              <!-- Help Button -->
              <ribbon:RibbonButton Grid.Column="1"
                                   Format="Small"
                                   SmallImageSource="Images/Help.png"
                                   HorizontalAlignment="Right"
                                   Margin="0,-2,2,0" />

            </Grid>

            <ribbon:RibbonToolTip x:Name="ToolTip"
                                  Canvas.Top="-5000"
                                  Canvas.Left="-5000" />

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonTab -->
  <Style TargetType="ribbon:RibbonTab">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonTab">
          <Canvas x:Name="RibbonTabLayoutRoot"
                  Height="23"
                  Width="65"
                  Background="Transparent">

            <Canvas.Resources>
              <Storyboard x:Name="StoryboardTabHighlight">
                <ColorAnimation Duration="0:0:0.2"
                                To="Transparent"
                                Storyboard.TargetName="RibbonTabLayoutRoot"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                <ColorAnimation Duration="0:0:0.2"
                                To="Transparent"
                                Storyboard.TargetName="RibbonTabLayoutRoot"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                <ColorAnimation Duration="0:0:0.2"
                                To="Transparent"
                                Storyboard.TargetName="RibbonTabLayoutRoot"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[2].(GradientStop.Color)" />
              </Storyboard>

              <Storyboard x:Name="StoryboardTabHighlightSelected">
                <ColorAnimation Duration="0:0:0.2"
                                To="#999999"
                                Storyboard.TargetName="PathOuterBorder"
                                Storyboard.TargetProperty="(Path.Stroke).(SolidColorBrush.Color)" />
                <DoubleAnimation Duration="0:0:0.2"
                                 To="1"
                                 Storyboard.TargetName="PathOuterBorder"
                                 Storyboard.TargetProperty="StrokeThickness" />
                <DoubleAnimation Duration="0:0:0.2"
                                 To="1"
                                 Storyboard.TargetName="PathOuterBorder"
                                 Storyboard.TargetProperty="Opacity" />
              </Storyboard>
            </Canvas.Resources>

            <Canvas.Clip>
              <PathGeometry>
                <PathGeometry.Figures>
                  <PathFigure x:Name="PathCanvasClipFigure"
                              IsClosed="False"
                              StartPoint="0,23">
                    <PathFigure.Segments>
                      <LineSegment Point="0,22.5" />
                      <ArcSegment SweepDirection="Counterclockwise"
                                  Point="2.5,20"
                                  Size="2.5,2.5"
                                  IsLargeArc="False" />
                      <LineSegment Point="2.5,2.5" />
                      <ArcSegment SweepDirection="Clockwise"
                                  Point="5,0"
                                  Size="2.5,2.5"
                                  IsLargeArc="False" />
                      <LineSegment Point="60,0" />
                      <ArcSegment SweepDirection="Clockwise"
                                  Point="62.5,2.5"
                                  Size="2.5,2.5"
                                  IsLargeArc="False" />
                      <LineSegment Point="62.5,20" />
                      <ArcSegment SweepDirection="Counterclockwise"
                                  Point="65,22.5"
                                  Size="2.5,2.5"
                                  IsLargeArc="False" />
                      <LineSegment Point="65,23" />
                    </PathFigure.Segments>
                  </PathFigure>
                </PathGeometry.Figures>
              </PathGeometry>
            </Canvas.Clip>

            <Grid x:Name="GridText">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="65" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="25" />
              </Grid.RowDefinitions>

              <TextBlock x:Name="TxtTitle"
                         Text="Home"
                         Foreground="#666666"
                         FontFamily="Calibri"
                         FontSize="10.5"
                         HorizontalAlignment="Center"
                         VerticalAlignment="Center" />
            </Grid>

            <Path x:Name="PathOuterBorder"
                  Canvas.Top="0"
                  Canvas.Left="0"
                  Stroke="#999999"
                  StrokeThickness="1"
                  StrokeLineJoin="Round"
                  Visibility="Collapsed">
              <Path.Data>
                <PathGeometry>
                  <PathGeometry.Figures>
                    <PathFigure x:Name="PathOuterBorderFigure"
                                IsClosed="False"
                                IsFilled="True"
                                StartPoint="0,22.5">
                      <PathFigure.Segments>
                        <ArcSegment SweepDirection="Counterclockwise"
                                    Point="2.5,20"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                        <LineSegment Point="2.5,2.5" />
                        <ArcSegment SweepDirection="Clockwise"
                                    Point="5,0"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                        <LineSegment Point="60,0" />
                        <ArcSegment SweepDirection="Clockwise"
                                    Point="62.5,2.5"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                        <LineSegment Point="62.5,20" />
                        <ArcSegment SweepDirection="Counterclockwise"
                                    Point="65,22.5"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                      </PathFigure.Segments>
                    </PathFigure>
                  </PathGeometry.Figures>
                </PathGeometry>
              </Path.Data>
            </Path>

            <Path x:Name="PathInnerBorder"
                  Canvas.Top="0"
                  Canvas.Left="0"
                  Stroke="#FFFFFF"
                  StrokeThickness="1"
                  StrokeLineJoin="Round"
                  Visibility="Collapsed">
              <Path.Data>
                <PathGeometry>
                  <PathGeometry.Figures>
                    <PathFigure x:Name="PathInnerBorderFigure"
                                IsClosed="False"
                                IsFilled="True"
                                StartPoint="0,22.5">
                      <PathFigure.Segments>
                        <ArcSegment SweepDirection="Counterclockwise"
                                    Point="2.5,20"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                        <LineSegment Point="2.5,2.5" />
                        <ArcSegment SweepDirection="Clockwise"
                                    Point="5,0"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                        <LineSegment Point="58,0" />
                        <ArcSegment SweepDirection="Clockwise"
                                    Point="60.5,2.5"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                        <LineSegment Point="60.5,20" />
                        <ArcSegment SweepDirection="Counterclockwise"
                                    Point="63,22.5"
                                    Size="2.5,2.5"
                                    IsLargeArc="False" />
                      </PathFigure.Segments>
                    </PathFigure>
                  </PathGeometry.Figures>
                  <PathGeometry.Transform>
                    <TranslateTransform X="1"
                                        Y="1" />
                  </PathGeometry.Transform>
                </PathGeometry>
              </Path.Data>
            </Path>

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonTabGroup -->
  <Style TargetType="ribbon:RibbonTabGroup">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonTabGroup">
          <Canvas x:Name="RibbonTabGroupLayoutRoot"
                  Width="266"
                  Margin="0,0,3,0">

            <Canvas.Resources>
              <Storyboard x:Name="StoryboardCanvasHighlight">
                <ColorAnimation Duration="0:0:0.5"
                                To="#7FFFFFFF"
                                Storyboard.TargetName="CanvasBody"
                                Storyboard.TargetProperty="(Canvas.Background).(SolidColorBrush.Color)" />
                <ColorAnimation Duration="0:0:0.5"
                                To="#DEE2EE"
                                Storyboard.TargetName="CanvasTitle"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                <ColorAnimation Duration="0:0:0.5"
                                To="#B3B9C7"
                                Storyboard.TargetName="CanvasTitle"
                                Storyboard.TargetProperty="(Canvas.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
              </Storyboard>
            </Canvas.Resources>

            <Canvas.Clip>
              <RectangleGeometry x:Name="RectLayoutClip"
                                 Rect="0,0,266,85"
                                 RadiusX="3"
                                 RadiusY="3" />
            </Canvas.Clip>

            <Grid x:Name="GridLayout">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="266" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="69" />
                <RowDefinition Height="16" />
              </Grid.RowDefinitions>

              <Canvas x:Name="CanvasBody"
                      Grid.Column="0"
                      Grid.Row="0"
                      Background="Transparent"
                      Margin="0,1,0,0">

                <Grid x:Name="GridBodyLayout"
                      Margin="3,0,3,0">

                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                  </Grid.ColumnDefinitions>

                  <Grid.RowDefinitions>
                    <RowDefinition Height="22" />
                    <RowDefinition Height="22" />
                    <RowDefinition Height="22" />
                  </Grid.RowDefinitions>

                  <!-- Content -->

                </Grid>

              </Canvas>

              <Canvas x:Name="CanvasTitle"
                      Grid.Column="0"
                      Grid.Row="1">
                <Canvas.Background>
                  <LinearGradientBrush StartPoint="0.5,0"
                                       EndPoint="0.5,1">
                    <GradientStop Color="#DFE3EF"
                                  Offset="0.0" />
                    <GradientStop Color="#C3C7D1"
                                  Offset="1.0" />
                  </LinearGradientBrush>
                </Canvas.Background>

                <Grid x:Name="GridTitle">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="248" />
                    <ColumnDefinition Width="18" />
                  </Grid.ColumnDefinitions>
                  <Grid.RowDefinitions>
                    <RowDefinition Height="16" />
                  </Grid.RowDefinitions>

                  <TextBlock x:Name="TxtTitle"
                             Grid.Column="0"
                             Grid.Row="0"
                             Text="Font"
                             FontFamily="Calibri"
                             FontSize="11"
                             Foreground="#535459"
                             TextAlignment="Center" />
                  <Image x:Name="ImgDialog"
                         Grid.Column="1"
                         Grid.Row="0"
                         Source="Images/DialogButton.png"
                         Stretch="None" />
                </Grid>
              </Canvas>

            </Grid>

            <Rectangle x:Name="RectBorder"
                       Canvas.Top="-0.5"
                       Canvas.Left="-0.5"
                       Width="267"
                       Height="86"
                       Stroke="#9D9E9F"
                       StrokeThickness="1"
                       RadiusX="3"
                       RadiusY="3" />

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonButton -->
  <Style TargetType="ribbon:RibbonButton">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonButton">
          <Canvas x:Name="RibbonButtonLayoutRoot"
                  Height="65"
                  Width="44"
                  Margin="0,1,0,0"
                  Background="Transparent">

            <Canvas.Clip>
              <RectangleGeometry x:Name="RibbonButtonLayoutRootClip"
                                 Rect="0,0,44,65"
                                 RadiusX="3"
                                 RadiusY="3" />
            </Canvas.Clip>

            <Rectangle x:Name="RectInnerBorder"
                       Canvas.Left="0.5"
                       Canvas.Top="0"
                       Width="43"
                       Height="65"
                       Stroke="Transparent"
                       StrokeThickness="1"
                       RadiusX="3"
                       RadiusY="3" />
            <Rectangle x:Name="RectOuterBorder"
                       Canvas.Left="-0.5"
                       Canvas.Top="-0.5"
                       Width="45"
                       Height="66"
                       Stroke="Transparent"
                       StrokeThickness="1"
                       RadiusX="3"
                       RadiusY="3" />

            <Canvas x:Name="CanvasMenuSplit"
                    Canvas.Top="35"
                    Canvas.Left="0"
                    Width="44"
                    Height="30">
              <Canvas.Clip>
                <PathGeometry>
                  <PathGeometry.Figures>
                    <PathFigure x:Name="PathMenuSplitClipFigure"
                                IsClosed="True"
                                StartPoint="0,0">
                      <PathFigure.Segments>
                        <LineSegment Point="44,0" />
                        <LineSegment Point="44,27" />
                        <ArcSegment SweepDirection="Clockwise"
                                    Point="41,30"
                                    Size="3,3"
                                    IsLargeArc="False" />
                        <LineSegment Point="3,30" />
                        <ArcSegment SweepDirection="Clockwise"
                                    Point="0,27"
                                    Size="3,3"
                                    IsLargeArc="False" />
                      </PathFigure.Segments>
                    </PathFigure>
                  </PathGeometry.Figures>
                </PathGeometry>
              </Canvas.Clip>

              <Path x:Name="PathInnerBorder"
                    Stroke="Transparent"
                    StrokeThickness="1">
                <Path.Data>
                  <PathGeometry>
                    <PathGeometry.Figures>
                      <PathFigure x:Name="PathMenuSplitInnerBorderFigure"
                                  IsClosed="True"
                                  IsFilled="False"
                                  StartPoint="1,1">
                        <PathFigure.Segments>
                          <LineSegment Point="43,1" />
                          <LineSegment Point="43,26" />
                          <ArcSegment SweepDirection="Clockwise"
                                      Point="40,29"
                                      Size="2.5,2.5"
                                      IsLargeArc="False" />
                          <LineSegment Point="3,29" />
                          <ArcSegment SweepDirection="Clockwise"
                                      Point="1,26"
                                      Size="2.5,2.5"
                                      IsLargeArc="False" />
                        </PathFigure.Segments>
                      </PathFigure>
                    </PathGeometry.Figures>
                  </PathGeometry>
                </Path.Data>
              </Path>

              <Path x:Name="PathOuterBorder"
                    Stroke="Transparent">
                <Path.Data>
                  <PathGeometry>
                    <PathGeometry.Figures>
                      <PathFigure x:Name="PathMenuSplitOuterBorderFigure"
                                  IsClosed="True"
                                  IsFilled="False"
                                  StartPoint="0,0">
                        <PathFigure.Segments>
                          <LineSegment Point="44,0" />
                          <LineSegment Point="44,27" />
                          <ArcSegment SweepDirection="Clockwise"
                                      Point="41,30"
                                      Size="3,3"
                                      IsLargeArc="False" />
                          <LineSegment Point="3,30" />
                          <ArcSegment SweepDirection="Clockwise"
                                      Point="0,27"
                                      Size="3,3"
                                      IsLargeArc="False" />
                        </PathFigure.Segments>
                      </PathFigure>
                    </PathGeometry.Figures>
                  </PathGeometry>
                </Path.Data>
              </Path>

            </Canvas>

            <!-- START: Large Button -->
            <Grid x:Name="GridLargeButtonLayout">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="43" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="35" />
                <RowDefinition Height="14" />
                <RowDefinition Height="15" />
              </Grid.RowDefinitions>

              <Image x:Name="ImgLargeIcon"
                     Grid.Column="0"
                     Grid.Row="0"
                     Stretch="None"
                     Margin="0,1,0,0" />
              <TextBlock x:Name="TxtFirstLine"
                         Grid.Column="0"
                         Grid.Row="1"
                         FontFamily="Calibri"
                         FontSize="11.5"
                         Foreground="#4C535C"
                         HorizontalAlignment="Center"
                         Text="Paste" />
              <StackPanel x:Name="StackSecondLineAndArrow"
                          Orientation="Horizontal"
                          Grid.Column="0"
                          Grid.Row="2"
                          HorizontalAlignment="Center">
                <TextBlock x:Name="TxtSecondLine"
                           FontFamily="Calibri"
                           FontSize="11.5"
                           Foreground="#4C535C"
                           Text=""
                           HorizontalAlignment="Center" />
                <Image x:Name="ImgMenuDropDownArrowLarge"
                       Margin="2,0,0,0"
                       Stretch="None"
                       Source="Images/ButtonDownArrow.png" />
              </StackPanel>

            </Grid>
            <!-- END: Large Button -->

            <!-- START: Small Button -->
            <Grid x:Name="GridSmallButtonLayout">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="22" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="9" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="22" />
              </Grid.RowDefinitions>

              <Image x:Name="ImgSmallIcon"
                     Grid.Column="0"
                     Grid.Row="0"
                     Stretch="None" />
              <TextBlock x:Name="TxtText"
                         Grid.Column="1"
                         Grid.Row="0"
                         Margin="1,0,0,0"
                         FontFamily="Calibri"
                         FontSize="10.7"
                         Foreground="#4C535C"
                         VerticalAlignment="Center"
                         HorizontalAlignment="Left" />
              <Image x:Name="ImgMenuDropDownArrowSmall"
                     Grid.Column="2"
                     Grid.Row="0"
                     Stretch="None"
                     Source="Images/ButtonDownArrow.png"
                     HorizontalAlignment="Center"
                     Margin="0,0,3,0" />

            </Grid>
            <!-- END: Small Button -->

            <Canvas x:Name="CanvasClickSurface"
                    Canvas.Top="0"
                    Canvas.Left="0"
                    Width="44"
                    Height="36"
                    Background="Transparent" />
            <Canvas x:Name="CanvasMenuSplitClickSurface"
                    Canvas.Top="35"
                    Canvas.Left="0"
                    Width="44"
                    Height="30"
                    Background="Transparent" />

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonButtonGroupButton -->
  <Style TargetType="ribbon:RibbonButtonGroupButton">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonButtonGroupButton">
          <Grid x:Name="RibbonButtonGroupButtonLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="24" />
              <ColumnDefinition Width="0" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="22" />
            </Grid.RowDefinitions>

            <Canvas x:Name="CanvasRibbonButtonIcon"
                    Grid.Column="0"
                    Grid.Row="0"
                    Width="24"
                    Height="22">
              <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#F1F3F3"
                                Offset="0.0" />
                  <GradientStop Color="#F0F2F2"
                                Offset="0.5" />
                  <GradientStop Color="#E7EAEE"
                                Offset="0.6" />
                  <GradientStop Color="#F6F7F8"
                                Offset="1.0" />
                </LinearGradientBrush>
              </Canvas.Background>
              <Line x:Name="LineRightBorder"
                    X1="24"
                    Y1="0"
                    X2="24"
                    Y2="22"
                    Stroke="#C5C6C7"
                    StrokeThickness="0.5" />
            </Canvas>
            <Image x:Name="ImgIcon"
                   Grid.Column="0"
                   Grid.Row="0"
                   Stretch="None" />
            <Canvas x:Name="CanvasRibbonButtonIconClickSurface"
                    Grid.Column="0"
                    Grid.Row="0"
                    Width="24"
                    Height="22"
                    Background="Transparent" />

            <Canvas x:Name="CanvasRibbonButtonDropDown"
                    Grid.Column="1"
                    Grid.Row="0"
                    Width="11"
                    Height="22"
                    Visibility="Collapsed">
              <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#F1F3F3"
                                Offset="0.0" />
                  <GradientStop Color="#F0F2F2"
                                Offset="0.5" />
                  <GradientStop Color="#E7EAEE"
                                Offset="0.6" />
                  <GradientStop Color="#F6F7F8"
                                Offset="1.0" />
                </LinearGradientBrush>
              </Canvas.Background>
              <Line x:Name="LineFarRightBorder"
                    X1="11"
                    Y1="0"
                    X2="11"
                    Y2="22"
                    Stroke="#C5C6C7"
                    StrokeThickness="0.5" />
            </Canvas>
            <Image x:Name="ImgDropDown"
                   Grid.Column="1"
                   Grid.Row="0"
                   Source="Images/ButtonDownArrow.png"
                   Stretch="None"
                   Visibility="Collapsed" />
            <Canvas x:Name="CanvasRibbonButtonDropDownClickSurface"
                    Grid.Column="1"
                    Grid.Row="0"
                    Width="11"
                    Height="22"
                    Background="Transparent"
                    Visibility="Collapsed" />

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonLabel -->
  <Style TargetType="ribbon:RibbonLabel">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonLabel">
          <Grid x:Name="RibbonLabelLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="22" />
            </Grid.RowDefinitions>

            <TextBlock x:Name="TxtText"
                       FontFamily="Calibri"
                       FontSize="10.7"
                       Margin="2,0,0,0"
                       Foreground="#4C535C"
                       VerticalAlignment="Center" />
          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonSeparator -->
  <Style TargetType="ribbon:RibbonSeparator">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonSeparator">
          <Grid x:Name="RibbonSeparatorLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="6" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Canvas Width="1"
                    Height="55"
                    Background="#E8EAED"
                    Margin="-1,0,0,0" />
            <Canvas Width="1"
                    Height="55"
                    Background="#B0B4B6"
                    Margin="1,0,0,0" />

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonButtonGroup -->
  <Style TargetType="ribbon:RibbonButtonGroup">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonButtonGroup">
          <Canvas x:Name="RibbonButtonGroupLayoutRoot"
                  Width="184"
                  Height="22">

            <Canvas.Clip>
              <RectangleGeometry x:Name="ClipRectGeometry"
                                 Rect="0,0,184,22"
                                 RadiusX="3"
                                 RadiusY="3" />
            </Canvas.Clip>

            <Grid x:Name="GridButtons">

              <Grid.ColumnDefinitions>
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="21" />
              </Grid.RowDefinitions>

            </Grid>

            <Rectangle x:Name="RectOutline"
                       Canvas.Top="-0.5"
                       Canvas.Left="-0.5"
                       Width="185"
                       Height="23"
                       Stroke="#9D9E9F"
                       StrokeThickness="1"
                       RadiusX="3"
                       RadiusY="3" />

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonToolTip -->
  <Style TargetType="ribbon:RibbonToolTip">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonToolTip">
          <Grid x:Name="RibbonToolTipLayoutRoot">

            <Grid.Resources>
              <Storyboard x:Name="AnimateOpacity">
                <DoubleAnimation Duration="0:0:0.3"
                                 From="1"
                                 To="0"
                                 Storyboard.TargetName="RibbonToolTipLayoutRoot"
                                 Storyboard.TargetProperty="Opacity" />
              </Storyboard>
            </Grid.Resources>

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <!-- Drop Shadow -->
            <Canvas x:Name="CanvasDropShadow"
                    Grid.Column="0"
                    Grid.Row="0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Margin="2,2,0,0"
                    Width="210"
                    Height="94"
                    Background="Gray"
                    Opacity="0.2">

              <Canvas.Clip>
                <RectangleGeometry x:Name="CanvasDropShadowClip"
                                   Rect="0,0,210,94"
                                   RadiusX="2"
                                   RadiusY="2" />
              </Canvas.Clip>

            </Canvas>

            <!-- Tool Tip -->
            <Canvas x:Name="CanvasToolTip"
                    Grid.Column="0"
                    Grid.Row="0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Width="210"
                    Height="94">

              <Canvas.Clip>
                <RectangleGeometry x:Name="CanvasToolTipClip"
                                   Rect="0,0,210,94"
                                   RadiusX="2"
                                   RadiusY="2" />
              </Canvas.Clip>

              <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Offset="0.0"
                                Color="#FFFFFF" />
                  <GradientStop Offset="1.0"
                                Color="#E4E4F0" />
                </LinearGradientBrush>
              </Canvas.Background>

              <Grid x:Name="GridMainLayout">

                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="210" />
                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>
                  <RowDefinition Height="27" />
                  <RowDefinition Height="*" />
                  <RowDefinition Height="31" />
                </Grid.RowDefinitions>

                <TextBlock x:Name="TxtTitle"
                           Grid.Column="0"
                           Grid.Row="0"
                           Margin="7,8,0,0"
                           FontFamily="Calibri"
                           FontSize="11"
                           Foreground="#4C4C4C"
                           FontWeight="SemiBold" />

                <Grid x:Name="GridScreenTipAndTextLayout"
                      Grid.Column="0"
                      Grid.Row="1">

                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0" />
                    <ColumnDefinition Width="210" />
                  </Grid.ColumnDefinitions>

                  <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                  </Grid.RowDefinitions>

                  <Image x:Name="ImgScreenTip"
                         Grid.Column="0"
                         Grid.Row="0"
                         Stretch="None"
                         HorizontalAlignment="Left"
                         VerticalAlignment="Top" />
                  <TextBlock x:Name="TxtDescription"
                             Grid.Column="1"
                             Grid.Row="0"
                             Width="170"
                             HorizontalAlignment="Left"
                             Margin="15,5,0,0"
                             FontFamily="Calibri"
                             FontSize="11"
                             Foreground="#4C4C4C"
                             TextWrapping="Wrap"
                             LineHeight="12"
                             LineStackingStrategy="BlockLineHeight" />

                </Grid>

                <Line x:Name="LineHelpBorder"
                      Grid.Column="0"
                      Grid.Row="2"
                      X1="5"
                      Y1="0"
                      X2="205"
                      Y2="0"
                      Stroke="#767676"
                      StrokeThickness="1">
                  <Line.Clip>
                    <RectangleGeometry Rect="0,0,205,0.5" />
                  </Line.Clip>
                </Line>
                <Image x:Name="ImgHelp"
                       Grid.Column="0"
                       Grid.Row="2"
                       Source="Images/Help.png"
                       Stretch="None"
                       Margin="6,7,0,0"
                       VerticalAlignment="Top"
                       HorizontalAlignment="Left" />
                <TextBlock x:Name="TxtHelp"
                           Grid.Column="0"
                           Grid.Row="2"
                           Margin="28,6,0,0"
                           Text="Press F1 for more help."
                           FontFamily="Calibri"
                           FontSize="11"
                           Foreground="#4C4C4C"
                           FontWeight="SemiBold" />

              </Grid>

              <Rectangle x:Name="RectBorder"
                         Canvas.Left="-0.5"
                         Canvas.Top="-0.5"
                         Width="211"
                         Height="95"
                         Stroke="#767676"
                         StrokeThickness="1" />

            </Canvas>

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonMainMenu -->
  <Style TargetType="ribbon:RibbonMainMenu">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonMainMenu">
          <Canvas x:Name="RibbonMainMenuLayoutRoot"
                  Width="426"
                  Height="447">

            <Canvas.Clip>
              <RectangleGeometry Rect="0,0,426,447"
                                 RadiusX="3"
                                 RadiusY="3" />
            </Canvas.Clip>

            <Canvas.Background>
              <LinearGradientBrush StartPoint="0.5,0"
                                   EndPoint="0.5,1">
                <GradientStop Offset="0.0"
                              Color="#CFD4D9" />
                <GradientStop Offset="0.6"
                              Color="#CCD1D8" />
                <GradientStop Offset="1.0"
                              Color="#CAD0D7" />
              </LinearGradientBrush>
            </Canvas.Background>

            <Rectangle Canvas.Left="0"
                       Canvas.Top="0"
                       Width="426"
                       Height="16">
              <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Offset="0"
                                Color="#DEE2E5" />
                  <GradientStop Offset="0.5"
                                Color="#E0E4E7" />
                  <GradientStop Offset="0.51"
                                Color="#D8DCE1" />
                  <GradientStop Offset="1"
                                Color="#D2D7DC" />
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>
            <Rectangle Canvas.Left="0"
                       Canvas.Top="420"
                       Width="426"
                       Height="27">
              <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Offset="0"
                                Color="#CBD0D7" />
                  <GradientStop Offset="0.5"
                                Color="#CCD1D8" />
                  <GradientStop Offset="0.51"
                                Color="#C2C8D0" />
                  <GradientStop Offset="1"
                                Color="#D9E2E6" />
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>
            <Rectangle Canvas.Left="0"
                       Canvas.Top="0.5"
                       Width="426"
                       Height="446"
                       Stroke="#FFFFFF"
                       RadiusX="4"
                       RadiusY="4" />
            <Rectangle Canvas.Left="-0.5"
                       Canvas.Top="-0.5"
                       Width="427"
                       Height="448"
                       Stroke="#73767A"
                       RadiusX="3"
                       RadiusY="3" />
            <Rectangle Canvas.Left="5"
                       Canvas.Top="17"
                       Width="417"
                       Height="403"
                       Stroke="#FFFFFF" />
            <Rectangle Canvas.Left="5.5"
                       Canvas.Top="17.5"
                       Width="416"
                       Height="402"
                       Stroke="#73767A" />

            <Canvas Canvas.Left="6"
                    Canvas.Top="18"
                    Width="415"
                    Height="401"
                    Background="#FFFFFF">

              <Line X1="113"
                    Y1="0"
                    X2="113"
                    Y2="401"
                    Stroke="#C5C5C5" />

              <Grid Canvas.Left="0"
                    Canvas.Top="0"
                    Width="415">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="113" />
                  <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                  <RowDefinition MinHeight="401" />
                </Grid.RowDefinitions>

                <Canvas Grid.Column="1"
                        Background="#F1F2F5"
                        Margin="1" />
                <Grid x:Name="GridRecentItems"
                      Grid.Column="1"
                      Margin="1">

                  <Grid.RowDefinitions>
                    <RowDefinition Height="27" />
                    <RowDefinition Height="21" />
                    <RowDefinition Height="21" />
                  </Grid.RowDefinitions>

                  <Line X1="2"
                        Y1="22"
                        X2="300"
                        Y2="22"
                        Stroke="#D2D6DB">
                    <Line.Clip>
                      <RectangleGeometry Rect="2,22,300,1" />
                    </Line.Clip>
                  </Line>

                  <TextBlock Text="Recent Documents"
                             Foreground="#4C535C"
                             FontFamily="Calibri"
                             FontSize="11.5"
                             HorizontalAlignment="Left"
                             VerticalAlignment="Top"
                             FontWeight="Bold"
                             Margin="8,4,0,0" />

                  <!-- Recent Items -->
                  <ribbon:RibbonMainMenuPinableItem Grid.Row="1"
                                                    Label="HelloWorld" />
                  <ribbon:RibbonMainMenuPinableItem Grid.Row="2"
                                                    Label="Office Open XML Part 1" />

                </Grid>
              </Grid>
            </Canvas>

            <!-- Menu Buttons 1 and 2 -->
            <Grid Canvas.Left="0"
                  Canvas.Top="419"
                  Width="426"
                  Height="27">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
              </Grid.ColumnDefinitions>

              <Grid Grid.Column="1"
                    Height="22"
                    Width="106"
                    Margin="0,0,5,0">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="22" />
                  <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Rectangle Grid.ColumnSpan="2"
                           Stroke="#8D949D"
                           StrokeThickness="0.5"
                           RadiusX="2"
                           RadiusY="2"
                           Height="22"
                           Width="106">
                  <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0.5,0"
                                         EndPoint="0.5,1">
                      <GradientStop Offset="0"
                                    Color="#EBF0F5" />
                      <GradientStop Offset="0.5"
                                    Color="#ECF0F5" />
                      <GradientStop Offset="0.51"
                                    Color="#CBD2DB" />
                      <GradientStop Offset="1"
                                    Color="#F0F4F9" />
                    </LinearGradientBrush>
                  </Rectangle.Fill>
                </Rectangle>
                <Image Grid.Column="0"
                       Stretch="None"
                       VerticalAlignment="Center"
                       HorizontalAlignment="Center" />
                <TextBlock Grid.Column="1"
                           Foreground="#4C535C"
                           FontFamily="Calibri"
                           FontSize="11.5"
                           HorizontalAlignment="Left"
                           VerticalAlignment="Center"
                           Margin="0,1,0,0">
                                    <TextBlock.Inlines>
                                        <Run>Word Opt</Run><Run TextDecorations="Underline">i</Run><Run>ons</Run>
                                    </TextBlock.Inlines>
                </TextBlock>
              </Grid>

              <Grid Grid.Column="2"
                    Height="22"
                    Width="82"
                    Margin="0,0,5,0">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="22" />
                  <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Rectangle Grid.ColumnSpan="2"
                           Stroke="#8D949D"
                           StrokeThickness="0.5"
                           RadiusX="2"
                           RadiusY="2"
                           Height="22"
                           Width="82">
                  <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0.5,0"
                                         EndPoint="0.5,1">
                      <GradientStop Offset="0"
                                    Color="#EBF0F5" />
                      <GradientStop Offset="0.5"
                                    Color="#ECF0F5" />
                      <GradientStop Offset="0.51"
                                    Color="#CBD2DB" />
                      <GradientStop Offset="1"
                                    Color="#F0F4F9" />
                    </LinearGradientBrush>
                  </Rectangle.Fill>
                </Rectangle>
                <Image Grid.Column="0"
                       Stretch="None"
                       VerticalAlignment="Center"
                       HorizontalAlignment="Center" />
                <TextBlock Grid.Column="1"
                           Foreground="#4C535C"
                           FontFamily="Calibri"
                           FontSize="11.5"
                           HorizontalAlignment="Left"
                           VerticalAlignment="Center"
                           Margin="0,1,0,0">
                                    <TextBlock.Inlines>
                                        <Run>E</Run><Run TextDecorations="Underline">x</Run><Run>it Word</Run>
                                    </TextBlock.Inlines>
                </TextBlock>
              </Grid>

            </Grid>
          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- RibbonMainMenuPinableItem -->
  <Style TargetType="ribbon:RibbonMainMenuPinableItem">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="ribbon:RibbonMainMenuPinableItem">
          <Grid x:Name="RibbonMainMenuPinableItemLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="*" />
              <ColumnDefinition Width="28" />
            </Grid.ColumnDefinitions>

            <Canvas x:Name="CanvasBorder"
                    Grid.Column="0"
                    Grid.ColumnSpan="2"
                    Visibility="Collapsed">
              <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Offset="0"
                                Color="#DBCE99" />
                  <GradientStop Offset="1"
                                Color="#D7D0B3" />
                </LinearGradientBrush>
              </Canvas.Background>
              <Canvas.Clip>
                <RectangleGeometry x:Name="ClipBorder"
                                   Rect="0,0,299,21"
                                   RadiusX="3"
                                   RadiusY="3" />
              </Canvas.Clip>
            </Canvas>

            <Canvas x:Name="CanvasBackground"
                    Grid.Column="0"
                    Grid.ColumnSpan="2"
                    Margin="0.5"
                    Visibility="Collapsed">
              <Canvas.Background>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Offset="0"
                                Color="#FFFFFB" />
                  <GradientStop Offset="0.49"
                                Color="#FFEDB4" />
                  <GradientStop Offset="0.5"
                                Color="#FFD566" />
                  <GradientStop Offset="1"
                                Color="#FFF8B5" />
                </LinearGradientBrush>
              </Canvas.Background>
              <Canvas.Clip>
                <RectangleGeometry x:Name="ClipBackground"
                                   Rect="0.5,0.5,297,19"
                                   RadiusX="2"
                                   RadiusY="2" />
              </Canvas.Clip>
            </Canvas>

            <Grid x:Name="GridText"
                  Grid.Column="0">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>

              <TextBlock x:Name="TxtNumber"
                         Grid.Column="0"
                         Foreground="#4C535C"
                         FontFamily="Calibri"
                         FontSize="11"
                         HorizontalAlignment="Center"
                         VerticalAlignment="Center"
                         TextDecorations="Underline" />
              <TextBlock x:Name="TxtText"
                         Grid.Column="1"
                         Foreground="#4C535C"
                         FontFamily="Calibri"
                         FontSize="11"
                         HorizontalAlignment="Left"
                         VerticalAlignment="Center" />

            </Grid>

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- CheckBox -->
  <Style TargetType="input:CheckBox">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="input:CheckBox">
          <Grid x:Name="CheckBoxLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="23" />
              <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="23" />
            </Grid.RowDefinitions>

            <Canvas x:Name="CanvasBorder"
                    Grid.Column="0"
                    Grid.Row="0"
                    Width="13"
                    Height="13"
                    Background="#9B9DA0">
              <Canvas x:Name="CanvasBackground"
                      Canvas.Left="1"
                      Canvas.Top="1"
                      Width="11"
                      Height="11"
                      Background="#F4F4F4" />
              <Canvas x:Name="CanvasInnerBorder"
                      Canvas.Left="2"
                      Canvas.Top="2"
                      Width="9"
                      Height="9">
                <Canvas.Background>
                  <LinearGradientBrush StartPoint="0,0"
                                       EndPoint="1,1">
                    <GradientStop Offset="0.0"
                                  Color="#A2ACB9" />
                    <GradientStop Offset="1.0"
                                  Color="#E4E6EA" />
                  </LinearGradientBrush>
                </Canvas.Background>
              </Canvas>
              <Canvas x:Name="CanvasInner"
                      Canvas.Left="3"
                      Canvas.Top="3"
                      Width="7"
                      Height="7">
                <Canvas.Background>
                  <LinearGradientBrush StartPoint="0,0"
                                       EndPoint="1,1">
                    <GradientStop Offset="0.0"
                                  Color="#CACFD5" />
                    <GradientStop Offset="1.0"
                                  Color="#F6F6F6" />
                  </LinearGradientBrush>
                </Canvas.Background>
              </Canvas>
            </Canvas>

            <Image x:Name="ImgCheck"
                   Grid.Column="0"
                   Grid.Row="0"
                   Stretch="None" />

            <TextBlock x:Name="TxtText"
                       Grid.Column="1"
                       Grid.Row="0"
                       FontFamily="Calibri"
                       FontSize="10.7"
                       Margin="1,1,5,0"
                       Foreground="#4C535C"
                       Text="Document Map"
                       VerticalAlignment="Center" />

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- NumericUpDown -->
  <Style TargetType="input:NumericUpDown">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="input:NumericUpDown">
          <Grid Margin="4,0,1,0"
                x:Name="NumericUpDownLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="20" />
              <ColumnDefinition Width="Auto" />
              <ColumnDefinition Width="72" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="22" />
            </Grid.RowDefinitions>

            <!-- Image -->
            <Image x:Name="ImgImage"
                   Grid.Column="0"
                   Grid.Row="0"
                   Stretch="None"
                   Margin="0,0,1,0" />

            <!-- Label -->
            <TextBlock x:Name="TxtLabel"
                       Grid.Column="1"
                       Grid.Row="0"
                       Margin="0,0,3,0"
                       FontFamily="Calibri"
                       FontSize="11"
                       Foreground="#4C535C"
                       VerticalAlignment="Center"
                       HorizontalAlignment="Left" />

            <!-- Numeric Up Down -->
            <Canvas x:Name="CanvasMainBorder"
                    Grid.Column="3"
                    Grid.Row="0"
                    Background="#A4A4A4" />
            <Canvas x:Name="CanvasMainBackground"
                    Grid.Column="3"
                    Grid.Row="0"
                    Margin="1,1,1,1"
                    Background="#E8EAEC" />

            <Grid Grid.Column="3"
                  Grid.Row="0">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="54" />
                <ColumnDefinition Width="20" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="22" />
              </Grid.RowDefinitions>

              <TextBox x:Name="TbxText"
                       Grid.Column="0"
                       Grid.Row="0"
                       Margin="1,1,0,1"
                       Width="52"
                       Height="20"
                       Background="Transparent"
                       Text="0'"
                       FontFamily="Calibri"
                       FontSize="10.7"
                       SelectionBackground="#88C3FF"
                       SelectionForeground="#000000"
                       Padding="3,2,0,0">
                <TextBox.Template>
                  <ControlTemplate>
                    <Grid x:Name="RootElement">
                      <Grid.Resources>
                        <SolidColorBrush x:Key="Background"
                                         Color="Transparent" />

                        <SolidColorBrush x:Key="BorderBrush"
                                         Color="Transparent" />
                        <SolidColorBrush x:Key="AccentBrush"
                                         Color="Transparent" />

                        <LinearGradientBrush x:Key="FocusedStrokeBrush"
                                             StartPoint="0.5,0"
                                             EndPoint="0.5,1">
                          <GradientStop Color="Transparent"
                                        Offset="0" />
                          <GradientStop Color="Transparent"
                                        Offset="1" />
                          <GradientStop Color="Transparent"
                                        Offset="0.325" />
                          <GradientStop Color="Transparent"
                                        Offset="0.325" />
                        </LinearGradientBrush>

                        <Storyboard x:Key="Normal State">
                          <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                           Storyboard.TargetProperty="Opacity"
                                           To="0"
                                           Duration="0:0:0.0" />
                        </Storyboard>

                        <Storyboard x:Key="Focused State">
                          <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                           Storyboard.TargetProperty="Opacity"
                                           To="1"
                                           Duration="0:0:0.0" />
                        </Storyboard>
                      </Grid.Resources>

                      <Rectangle StrokeThickness=".5"
                                 RadiusX="2"
                                 RadiusY="2"
                                 Fill="{TemplateBinding Background}" />

                      <Rectangle StrokeThickness="0"
                                 RadiusX="2"
                                 RadiusY="2"
                                 Stroke="#FF003255" />
                      <Border x:Name="ContentElement"
                              Padding="{TemplateBinding Padding}" />

                      <Grid x:Name="FocusVisualElement"
                            Opacity="0"
                            IsHitTestVisible="False">
                        <Rectangle RadiusX="1"
                                   RadiusY="1"
                                   Margin="2"
                                   Stroke="{StaticResource AccentBrush}"
                                   StrokeThickness="0" />
                        <Rectangle RadiusX="1"
                                   RadiusY="1"
                                   Stroke="{StaticResource Background}"
                                   StrokeThickness="0" />
                        <Rectangle RadiusX="1"
                                   RadiusY="1"
                                   Stroke="{StaticResource FocusedStrokeBrush}"
                                   StrokeThickness="0" />
                      </Grid>
                    </Grid>
                  </ControlTemplate>
                </TextBox.Template>
              </TextBox>

              <Grid Grid.Column="1"
                    Grid.Row="0">

                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="18" />
                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>
                  <RowDefinition Height="*" />
                  <RowDefinition Height="*" />
                </Grid.RowDefinitions>

                <!-- Up Arrow -->
                <Canvas x:Name="CanvasUpOuterBorder"
                        Grid.Column="0"
                        Grid.Row="0"
                        Margin="0,1,1,0"
                        Background="Transparent" />
                <Canvas x:Name="CanvasUpInnerBorder"
                        Grid.Column="0"
                        Grid.Row="0"
                        Margin="1,2,2,0"
                        Background="Transparent" />
                <!-- Margin="1,2,2,1" -->
                <Canvas x:Name="CanvasUpBackground"
                        Grid.Column="0"
                        Grid.Row="0"
                        Margin="2,3,3,2"
                        Background="Transparent" />
                <Image Grid.Column="0"
                       Grid.Row="0"
                       Stretch="None"
                       Source="Images/ButtonUpArrow.png"
                       Margin="0,2,1,0" />
                <Canvas x:Name="CanvasUpClickSurface"
                        Grid.Column="0"
                        Grid.Row="0"
                        Margin="0,1,1,0"
                        Background="Transparent" />

                <!-- Down Arrow -->
                <Canvas x:Name="CanvasDownOuterBorder"
                        Grid.Column="0"
                        Grid.Row="1"
                        Margin="0,0,1,1"
                        Background="Transparent" />
                <Canvas x:Name="CanvasDownInnerBorder"
                        Grid.Column="0"
                        Grid.Row="1"
                        Margin="1,0,2,2"
                        Background="Transparent" />
                <!-- Margin="1,1,2,2" -->
                <Canvas x:Name="CanvasDownBackground"
                        Grid.Column="0"
                        Grid.Row="1"
                        Margin="2,2,3,3"
                        Background="Transparent" />
                <Image Grid.Column="0"
                       Grid.Row="1"
                       Stretch="None"
                       Source="Images/ButtonDownArrow.png"
                       Margin="0,0,1,2" />
                <Canvas x:Name="CanvasDownClickSurface"
                        Grid.Column="0"
                        Grid.Row="1"
                        Margin="0,0,1,1"
                        Background="Transparent" />

              </Grid>

            </Grid>

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- DropDownList -->
  <Style TargetType="input:DropDownList">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="input:DropDownList">
          <Grid x:Name="DropDownListLayoutRoot"
                Height="22">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="22" />
              <ColumnDefinition Width="Auto" />
              <ColumnDefinition Width="{TemplateBinding Width}" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="22" />
            </Grid.RowDefinitions>

            <!-- Icon -->
            <Image x:Name="ImgIcon"
                   Grid.Column="0"
                   Grid.Row="0"
                   Stretch="None" />

            <!-- Label -->
            <TextBlock x:Name="TxtLabel"
                       Grid.Column="1"
                       Grid.Row="0"
                       FontFamily="Calibri"
                       FontSize="11.5"
                       Foreground="#4C535C"
                       VerticalAlignment="Center"
                       Margin="1,0,3,0" />

            <!-- DropDownList -->
            <Canvas x:Name="DropDownListCanvas"
                    Grid.Column="2"
                    Grid.Row="0"
                    Margin="0,1,0,0"
                    Background="#E8EAEC"
                    Height="21"
                    Width="{TemplateBinding Width}">

              <Canvas.Clip>
                <RectangleGeometry x:Name="DropDownListRectClip"
                                   Rect="0,1,61,21" />
              </Canvas.Clip>

              <Rectangle x:Name="DropDownListBorder"
                         Canvas.Left="-0.5"
                         Canvas.Top="-0.5"
                         Width="62"
                         Height="22"
                         Stroke="#A9B1B8" />

              <Grid Width="{TemplateBinding Width}"
                    Height="21">

                <Grid.ColumnDefinitions>
                  <ColumnDefinition Width="*" />
                  <ColumnDefinition Width="14" />
                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>
                  <RowDefinition Height="*" />
                </Grid.RowDefinitions>

                <TextBox x:Name="TbxText"
                         Grid.Column="0"
                         Margin="1,1,0,1"
                         Background="Transparent"
                         Padding="3,2,0,0"
                         Text="APA"
                         FontFamily="Calibri"
                         FontSize="10.7"
                         SelectionBackground="#88C3FF"
                         SelectionForeground="#000000">
                  <TextBox.Template>
                    <ControlTemplate>
                      <Grid x:Name="RootElement">
                        <Grid.Resources>
                          <SolidColorBrush x:Key="Background"
                                           Color="Transparent" />

                          <SolidColorBrush x:Key="BorderBrush"
                                           Color="Transparent" />
                          <SolidColorBrush x:Key="AccentBrush"
                                           Color="Transparent" />

                          <LinearGradientBrush x:Key="FocusedStrokeBrush"
                                               StartPoint="0.5,0"
                                               EndPoint="0.5,1">
                            <GradientStop Color="Transparent"
                                          Offset="0" />
                            <GradientStop Color="Transparent"
                                          Offset="1" />
                            <GradientStop Color="Transparent"
                                          Offset="0.325" />
                            <GradientStop Color="Transparent"
                                          Offset="0.325" />
                          </LinearGradientBrush>

                          <Storyboard x:Key="Normal State">
                            <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                             Storyboard.TargetProperty="Opacity"
                                             To="0"
                                             Duration="0:0:0.0" />
                          </Storyboard>

                          <Storyboard x:Key="Focused State">
                            <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                             Storyboard.TargetProperty="Opacity"
                                             To="1"
                                             Duration="0:0:0.0" />
                          </Storyboard>
                        </Grid.Resources>

                        <Rectangle StrokeThickness=".5"
                                   RadiusX="2"
                                   RadiusY="2"
                                   Fill="{TemplateBinding Background}" />

                        <Rectangle StrokeThickness="0"
                                   RadiusX="2"
                                   RadiusY="2"
                                   Stroke="#FF003255" />
                        <Border x:Name="ContentElement"
                                Padding="{TemplateBinding Padding}" />

                        <Grid x:Name="FocusVisualElement"
                              Opacity="0"
                              IsHitTestVisible="False">
                          <Rectangle RadiusX="1"
                                     RadiusY="1"
                                     Margin="2"
                                     Stroke="{StaticResource AccentBrush}"
                                     StrokeThickness="0" />
                          <Rectangle RadiusX="1"
                                     RadiusY="1"
                                     Stroke="{StaticResource Background}"
                                     StrokeThickness="0" />
                          <Rectangle RadiusX="1"
                                     RadiusY="1"
                                     Stroke="{StaticResource FocusedStrokeBrush}"
                                     StrokeThickness="0" />
                        </Grid>
                      </Grid>
                    </ControlTemplate>
                  </TextBox.Template>
                </TextBox>

                <Canvas x:Name="ButtonBorder"
                        Grid.Column="1"
                        Background="Transparent" />
                <Canvas x:Name="ButtonBackground"
                        Grid.Column="1"
                        Margin="1,1,1,1"
                        Background="Transparent" />
                <Image Grid.Column="1"
                       Source="Images/ButtonDownArrow.png"
                       Stretch="None" />
                <Canvas x:Name="ButtonClickSurface"
                        Grid.Column="1"
                        Background="Transparent" />

              </Grid>

            </Canvas>

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- Menu -->
  <Style TargetType="menu:Menu">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="menu:Menu">
          <Canvas x:Name="MenuLayoutRoot"
                  Background="White">

            <Canvas.Resources>
              <Storyboard x:Name="AnimateVisibility">
                <DoubleAnimation x:Name="VisibilityAnimation"
                                 Storyboard.TargetName="MenuLayoutRoot"
                                 Storyboard.TargetProperty="Opacity"
                                 Duration="0:0:0.3"
                                 From="0"
                                 To="1" />
              </Storyboard>
            </Canvas.Resources>

            <Rectangle x:Name="RectBackgroundShadow"
                       Canvas.Left="3"
                       Canvas.Top="3"
                       Fill="#E6E3EC"
                       Width="130"
                       Height="102"
                       RadiusX="2"
                       RadiusY="2"
                       Stroke="#EDEAF1"
                       Opacity="0.2" />
            <Rectangle x:Name="RectBackground"
                       Canvas.Left="0"
                       Canvas.Top="0"
                       Fill="#FFFFFF"
                       Width="130"
                       Height="102"
                       RadiusX="2"
                       RadiusY="2"
                       Stroke="#868686" />
            <Rectangle x:Name="RectIconBorder"
                       Canvas.Left="1"
                       Canvas.Top="1"
                       Fill="#EFEFEF"
                       Width="25"
                       Height="100" />
            <Line x:Name="LineIconBorder"
                  X1="27"
                  Y1="2"
                  X2="27"
                  Y2="100"
                  Stroke="#C5C5C5"
                  StrokeThickness="1">
              <Line.Clip>
                <RectangleGeometry x:Name="LineIconBorderClip"
                                   Rect="0,0,27,100" />
              </Line.Clip>
            </Line>

            <StackPanel x:Name="SkPnlMenuItems"
                        Orientation="Vertical"
                        Margin="2,2,2,2" />

            <Grid x:Name="GridResizeBar"
                  Width="100"
                  Canvas.Left="2"
                  Canvas.Top="450"
                  Visibility="Collapsed">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
              </Grid.ColumnDefinitions>
              <Grid.RowDefinitions>
                <RowDefinition Height="10" />
              </Grid.RowDefinitions>

              <Canvas x:Name="CanvasResizeBar"
                      Grid.Column="0"
                      Grid.Row="0"
                      Grid.ColumnSpan="3">
                <Canvas.Background>
                  <LinearGradientBrush StartPoint="0.5,0"
                                       EndPoint="0.5,1">
                    <GradientStop Color="#FFFFFF"
                                  Offset="0.0" />
                    <GradientStop Color="#C6C6C6"
                                  Offset="1.0" />
                  </LinearGradientBrush>
                </Canvas.Background>

                <Line x:Name="LineResizeBarBorder"
                      X1="0"
                      Y1="0"
                      X2="100"
                      Y2="0"
                      Stroke="#AFD3EA">
                  <Line.Clip>
                    <RectangleGeometry x:Name="RectResizeBarBorderClip"
                                       Rect="0,0,100,1" />
                  </Line.Clip>
                </Line>
              </Canvas>

              <Image x:Name="ImgDragVertical"
                     Grid.Column="1"
                     Grid.Row="0"
                     Source="Images/DragVertical.png"
                     Stretch="None"
                     Visibility="Collapsed"
                     Cursor="SizeNS" />
              <Image x:Name="ImgDragBoth"
                     Grid.Column="2"
                     Grid.Row="0"
                     Source="Images/DragBoth.png"
                     Stretch="None"
                     Visibility="Collapsed"
                     Cursor="SizeNS"
                     HorizontalAlignment="Right" />
            </Grid>

          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- MenuItem -->
  <Style TargetType="menu:MenuItem">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="menu:MenuItem">
          <Grid x:Name="MenuItemLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="26" />
              <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="22" />
            </Grid.RowDefinitions>

            <Rectangle x:Name="RectHighlight"
                       Visibility="Collapsed"
                       Stroke="#DDCF9B"
                       StrokeThickness="1"
                       RadiusX="2"
                       RadiusY="2"
                       Grid.Column="0"
                       Grid.Row="0"
                       Grid.ColumnSpan="2">
              <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#FFFFF7"
                                Offset="0.0" />
                  <GradientStop Color="#FFD654"
                                Offset="0.7" />
                  <GradientStop Color="#FFD654"
                                Offset="0.8" />
                  <GradientStop Color="#FFEAA6"
                                Offset="1.0" />
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>

            <Rectangle x:Name="RectHighlightSubMenu"
                       Visibility="Collapsed"
                       Stroke="Transparent"
                       Width="23"
                       Height="20"
                       Grid.Row="0"
                       Grid.Column="1"
                       HorizontalAlignment="Right"
                       Margin="0,0,1,0">
              <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                  <GradientStop Color="#FFFFFE"
                                Offset="0.0" />
                  <GradientStop Color="#FFF8E3"
                                Offset="0.7" />
                  <GradientStop Color="#FFF0C5"
                                Offset="0.8" />
                  <GradientStop Color="#FFF5D4"
                                Offset="1.0" />
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>
            <Rectangle x:Name="RectIconHighlight"
                       Grid.Column="0"
                       Grid.Row="0"
                       Fill="#FFE395"
                       Stroke="#F29536"
                       StrokeThickness="1"
                       RadiusX="2"
                       RadiusY="2"
                       Width="20"
                       Height="20"
                       Visibility="Collapsed"
                       Margin="0,0,1,0" />
            <Image x:Name="ImgImage"
                   Grid.Column="0"
                   Grid.Row="0"
                   Stretch="None"
                   Margin="0,0,1,0" />
            <Canvas x:Name="CanvasImageDisabled"
                    Grid.Column="0"
                    Grid.Row="0"
                    Visibility="Collapsed">
              <Canvas.Background>
                <SolidColorBrush Color="#EFEFEF"
                                 Opacity="0.7" />
              </Canvas.Background>
            </Canvas>

            <Grid x:Name="GridText"
                  Grid.Column="1"
                  Grid.Row="0">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="15" />
              </Grid.ColumnDefinitions>

              <Grid.RowDefinitions>
                <RowDefinition Height="22" />
              </Grid.RowDefinitions>

              <TextBlock x:Name="TxtText"
                         Grid.Column="0"
                         Grid.Row="0"
                         FontFamily="Calibri"
                         FontSize="11"
                         Foreground="#4C5379"
                         Margin="8,0,8,0"
                         VerticalAlignment="Center" />

              <Canvas x:Name="CanvasSubMenuBorder"
                      Grid.Column="1"
                      Grid.Row="0"
                      Visibility="Collapsed">
                <Line x:Name="LineSubMenuBorder"
                      X1="0"
                      Y1="4"
                      X2="0"
                      Y2="18"
                      Stroke="#B8B4A3">
                  <Line.Clip>
                    <RectangleGeometry Rect="0,0,1,22" />
                  </Line.Clip>
                </Line>
              </Canvas>
              <Image x:Name="ImgArrow"
                     Grid.Column="1"
                     Grid.Row="0"
                     Stretch="None" />

            </Grid>

            <Canvas x:Name="CanvasClickSurface"
                    Grid.Column="0"
                    Grid.ColumnSpan="3"
                    Grid.Row="0"
                    Background="Transparent" />

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- MenuSeparator -->
  <Style TargetType="menu:MenuSeparator">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="menu:MenuSeparator">
          <Grid x:Name="MenuSeparatorLayoutRoot">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="26" />
              <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="2" />
            </Grid.RowDefinitions>

            <Canvas Grid.Column="1"
                    Grid.Row="0">
              <Line x:Name="LineSeparator"
                    X1="6"
                    Y1="0"
                    X2="100"
                    Y2="0"
                    Stroke="#C5C5C5">
                <Line.Clip>
                  <RectangleGeometry x:Name="LineSeparatorClip"
                                     Rect="6,0,100,1" />
                </Line.Clip>
              </Line>
            </Canvas>

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- Document -->
  <Style TargetType="input:Document">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="input:Document">
          <Grid x:Name="GridWordDocument"
                Background="#B2B1C2">

            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
              <RowDefinition Height="24" />
              <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <!-- Ruler (Width = (inchWidth*numberOfIncehes)+2) (col0 and col2 width = inch width -->
            <Grid x:Name="GridHorizontalRuler"
                  Grid.Column="0"
                  Grid.Row="0"
                  Width="818"
                  Height="13"
                  Background="#FFFFFF"
                  Margin="4,0,0,0">

              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
              </Grid.ColumnDefinitions>

              <Canvas x:Name="CanvasLeftMargin"
                      Grid.Column="0"
                      Background="#C7CDD8"
                      Width="96" />
              <Canvas x:Name="CanvasRightMargin"
                      Grid.Column="2"
                      Background="#C7CDD8"
                      Width="96" />
              <Rectangle x:Name="RectHorizontalRulerBorder"
                         Grid.Column="0"
                         Grid.ColumnSpan="3"
                         Stroke="#DCE1EB"
                         StrokeThickness="0.5" />
              <Canvas x:Name="CanvasHorizontalRulerMarks"
                      Grid.Column="0"
                      Grid.ColumnSpan="3"
                      Background="Transparent">
                <Canvas.Clip>
                  <RectangleGeometry x:Name="ClipHorizontalRulerMarks"
                                     Rect="0,0,818,20" />
                </Canvas.Clip>
              </Canvas>

              <Canvas x:Name="CanvasRulerControls"
                      Grid.Column="0"
                      Background="Transparent">

                <Canvas x:Name="CanvasFirstLineIndent"
                        Canvas.Top="-4"
                        Canvas.Left="110">
                  <Path x:Name="PathFirstLineIndent"
                        Stroke="#7C7C7C">
                    <Path.Data>
                      <PathGeometry>
                        <PathGeometry.Figures>
                          <PathFigure IsClosed="True"
                                      IsFilled="True"
                                      StartPoint="0,0">
                            <LineSegment Point="10,0" />
                            <LineSegment Point="10,4" />
                            <LineSegment Point="5,8" />
                            <LineSegment Point="0,4" />
                          </PathFigure>
                        </PathGeometry.Figures>
                      </PathGeometry>
                    </Path.Data>

                    <Path.Fill>
                      <LinearGradientBrush StartPoint="0,0"
                                           EndPoint="1,0.5">
                        <GradientStop Offset="0.0"
                                      Color="#FFFFFF" />
                        <GradientStop Offset="0.6"
                                      Color="#C9C9C9" />
                      </LinearGradientBrush>
                    </Path.Fill>
                  </Path>
                </Canvas>

                <Canvas x:Name="CanvasHangingAndLeftIndent"
                        Canvas.Top="4"
                        Canvas.Left="110">
                  <Path x:Name="PathHangingIndent"
                        Stroke="#7C7C7C">
                    <Path.Data>
                      <PathGeometry>
                        <PathGeometry.Figures>
                          <PathFigure IsClosed="True"
                                      IsFilled="True"
                                      StartPoint="0,8">
                            <LineSegment Point="10,8" />
                            <LineSegment Point="10,4" />
                            <LineSegment Point="5,0" />
                            <LineSegment Point="0,4" />
                          </PathFigure>
                        </PathGeometry.Figures>
                      </PathGeometry>
                    </Path.Data>

                    <Path.Fill>
                      <LinearGradientBrush StartPoint="0,0"
                                           EndPoint="1,0.5">
                        <GradientStop Offset="0.0"
                                      Color="#FFFFFF" />
                        <GradientStop Offset="0.6"
                                      Color="#C9C9C9" />
                      </LinearGradientBrush>
                    </Path.Fill>
                  </Path>

                  <Path x:Name="PathLeftIndent"
                        Stroke="#7C7C7C">
                    <Path.Data>
                      <PathGeometry>
                        <PathGeometry.Figures>
                          <PathFigure IsClosed="False"
                                      IsFilled="True"
                                      StartPoint="10,8.5">
                            <LineSegment Point="10,14" />
                            <LineSegment Point="0,14" />
                            <LineSegment Point="0,8.5" />
                          </PathFigure>
                        </PathGeometry.Figures>
                      </PathGeometry>
                    </Path.Data>

                    <Path.Fill>
                      <LinearGradientBrush StartPoint="0,0"
                                           EndPoint="1,0.5">
                        <GradientStop Offset="0.0"
                                      Color="#FFFFFF" />
                        <GradientStop Offset="0.6"
                                      Color="#C9C9C9" />
                      </LinearGradientBrush>
                    </Path.Fill>
                  </Path>
                </Canvas>

                <Canvas x:Name="CanvasRightIndent"
                        Canvas.Top="4"
                        Canvas.Left="430">
                  <Path x:Name="PathRightIndent"
                        Stroke="#7C7C7C">
                    <Path.Data>
                      <PathGeometry>
                        <PathGeometry.Figures>
                          <PathFigure IsClosed="True"
                                      IsFilled="True"
                                      StartPoint="0,8">
                            <LineSegment Point="10,8" />
                            <LineSegment Point="10,4" />
                            <LineSegment Point="5,0" />
                            <LineSegment Point="0,4" />
                          </PathFigure>
                        </PathGeometry.Figures>
                      </PathGeometry>
                    </Path.Data>

                    <Path.Fill>
                      <LinearGradientBrush StartPoint="0,0"
                                           EndPoint="1,0.5">
                        <GradientStop Offset="0.0"
                                      Color="#FFFFFF" />
                        <GradientStop Offset="0.6"
                                      Color="#C9C9C9" />
                      </LinearGradientBrush>
                    </Path.Fill>
                  </Path>
                </Canvas>

              </Canvas>
            </Grid>

            <ScrollViewer x:Name="ScrollViewerLeftRulerAndPage"
                          Grid.Column="0"
                          Grid.ColumnSpan="3"
                          Grid.Row="1"
                          HorizontalScrollBarVisibility="Auto">
              <ScrollViewer.Template>
                <ControlTemplate TargetType="ScrollViewer">
                  <Border CornerRadius="0"
                          BorderBrush="Transparent"
                          BorderThickness="0">
                    <Grid Background="{TemplateBinding Background}">
                      <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                      </Grid.ColumnDefinitions>
                      <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                      </Grid.RowDefinitions>
                      <Rectangle Grid.Column="1"
                                 Grid.Row="1"
                                 Fill="#FFE9E9E9" />
                      <!-- Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" -->
                      <ScrollContentPresenter x:Name="ScrollContentPresenter"
                                              Grid.Column="0"
                                              Grid.Row="0"
                                              Content="{TemplateBinding Content}"
                                              ContentTemplate="{TemplateBinding ContentTemplate}"
                                              Cursor="{TemplateBinding Cursor}"
                                              Margin="{TemplateBinding Padding}" />
                      <ScrollBar x:Name="VerticalScrollBar"
                                 Grid.Column="1"
                                 Grid.Row="0"
                                 Orientation="Vertical"
                                 Cursor="Arrow"
                                 Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                 ViewportSize="{TemplateBinding ViewportHeight}"
                                 Minimum="0"
                                 Maximum="{TemplateBinding ScrollableHeight}"
                                 Value="{TemplateBinding VerticalOffset}"
                                 Width="18"
                                 MinHeight="70"
                                 VerticalAlignment="Top" />
                      <Canvas Grid.Column="1"
                              Grid.Row="0"
                              Background="#B7BAC2"
                              Height="50"
                              VerticalAlignment="Bottom" />
                      <ScrollBar x:Name="HorizontalScrollBar"
                                 Grid.Column="0"
                                 Grid.Row="1"
                                 Orientation="Horizontal"
                                 Cursor="Arrow"
                                 Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                                 ViewportSize="{TemplateBinding ViewportWidth}"
                                 Minimum="0"
                                 Maximum="{TemplateBinding ScrollableWidth}"
                                 Value="{TemplateBinding HorizontalOffset}"
                                 Height="18" />
                    </Grid>
                  </Border>
                </ControlTemplate>
              </ScrollViewer.Template>

              <ScrollViewer.Content>
                <Grid x:Name="GridLeftRulerAndPage">

                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="24" />
                    <ColumnDefinition Width="*" />
                  </Grid.ColumnDefinitions>

                  <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                  </Grid.RowDefinitions>

                  <Grid x:Name="GridVerticalRuler"
                        Grid.Column="0"
                        Grid.Row="0"
                        Width="13"
                        Height="400"
                        Background="#FFFFFF"
                        VerticalAlignment="Top"
                        Margin="0,13,0,0">

                    <Grid.RowDefinitions>
                      <RowDefinition Height="Auto" />
                      <RowDefinition Height="*" />
                      <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <Canvas x:Name="CanvasTopMargin"
                            Grid.Row="0"
                            Background="#C7CDD8"
                            Height="96" />
                    <Canvas x:Name="CanvasBottomMargin"
                            Grid.Row="2"
                            Background="#C7CDD8"
                            Height="96" />
                    <Rectangle x:Name="RectVerticalRulerBorder"
                               Grid.Row="0"
                               Grid.ColumnSpan="3"
                               Stroke="#DCE1EB"
                               StrokeThickness="0.5" />
                    <Canvas x:Name="CanvasVerticalRulerMarks"
                            Grid.Row="0"
                            Grid.RowSpan="3"
                            Background="Transparent">
                      <Canvas.Clip>
                        <RectangleGeometry x:Name="ClipVerticalRulerMarks"
                                           Rect="0,0,20,400" />
                      </Canvas.Clip>
                    </Canvas>

                  </Grid>

                  <Canvas x:Name="CanvasDocumentArea"
                          Grid.Column="1">
                    <Canvas.Background>
                      <LinearGradientBrush StartPoint="0.5,0"
                                           EndPoint="0.5,1">
                        <GradientStop Offset="0.0"
                                      Color="#CCCFD8" />
                        <GradientStop Offset="1.0"
                                      Color="#9B9FA6" />
                      </LinearGradientBrush>
                    </Canvas.Background>

                    <Grid x:Name="GridPages"
                          Grid.Column="1"
                          Margin="0,13,0,3" />

                    <Line x:Name="LineVerticalDashed"
                          X1="50"
                          Y1="50"
                          X2="50"
                          Y2="250"
                          Visibility="Collapsed"
                          Stroke="#000000"
                          StrokeDashArray="1,2,1,2,1,6"
                          StrokeThickness="1" />

                    <Line x:Name="LineHorizontalDashed"
                          X1="50"
                          Y1="50"
                          X2="250"
                          Y2="50"
                          Visibility="Collapsed"
                          Stroke="#000000"
                          StrokeDashArray="1,2,1,2,1,6"
                          StrokeThickness="1" />
                  </Canvas>

                </Grid>
              </ScrollViewer.Content>
            </ScrollViewer>

          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <!-- DocumentPage -->
  <Style TargetType="input:DocumentPage">
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="input:DocumentPage">
          <Canvas x:Name="CanvasPage"
                  Width="{TemplateBinding Width}"
                  Height="{TemplateBinding Height}"
                  Background="#FFFFFF">
            <Rectangle x:Name="RectPageBorder"
                       Canvas.Left="0"
                       Canvas.Top="0"
                       Stroke="#646464"
                       Width="{TemplateBinding Width}"
                       Height="{TemplateBinding Height}" />
            <TextBox x:Name="TbxPageText"
                     Background="Transparent"
                     Width="500"
                     Height="500"
                     Canvas.Left="96"
                     Canvas.Top="96"
                     FontFamily="Calibri"
                     FontSize="16"
                     SelectionBackground="#88C3FF"
                     SelectionForeground="#000000"
                     AcceptsReturn="True">
              <TextBox.Template>
                <ControlTemplate>
                  <Grid x:Name="RootElement">
                    <Grid.Resources>
                      <SolidColorBrush x:Key="Background"
                                       Color="Transparent" />

                      <SolidColorBrush x:Key="BorderBrush"
                                       Color="Transparent" />
                      <SolidColorBrush x:Key="AccentBrush"
                                       Color="Transparent" />

                      <LinearGradientBrush x:Key="FocusedStrokeBrush"
                                           StartPoint="0.5,0"
                                           EndPoint="0.5,1">
                        <GradientStop Color="Transparent"
                                      Offset="0" />
                        <GradientStop Color="Transparent"
                                      Offset="1" />
                        <GradientStop Color="Transparent"
                                      Offset="0.325" />
                        <GradientStop Color="Transparent"
                                      Offset="0.325" />
                      </LinearGradientBrush>

                      <Storyboard x:Key="Normal State">
                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                         Storyboard.TargetProperty="Opacity"
                                         To="0"
                                         Duration="0:0:0.0" />
                      </Storyboard>

                      <Storyboard x:Key="Focused State">
                        <DoubleAnimation Storyboard.TargetName="FocusVisualElement"
                                         Storyboard.TargetProperty="Opacity"
                                         To="1"
                                         Duration="0:0:0.0" />
                      </Storyboard>
                    </Grid.Resources>

                    <Rectangle StrokeThickness=".5"
                               RadiusX="2"
                               RadiusY="2"
                               Fill="{TemplateBinding Background}" />

                    <Rectangle StrokeThickness="0"
                               RadiusX="2"
                               RadiusY="2"
                               Stroke="#FF003255" />
                    <Border x:Name="ContentElement"
                            Padding="{TemplateBinding Padding}" />

                    <Grid x:Name="FocusVisualElement"
                          Opacity="0"
                          IsHitTestVisible="False">
                      <Rectangle RadiusX="1"
                                 RadiusY="1"
                                 Margin="2"
                                 Stroke="{StaticResource AccentBrush}"
                                 StrokeThickness="0" />
                      <Rectangle RadiusX="1"
                                 RadiusY="1"
                                 Stroke="{StaticResource Background}"
                                 StrokeThickness="0" />
                      <Rectangle RadiusX="1"
                                 RadiusY="1"
                                 Stroke="{StaticResource FocusedStrokeBrush}"
                                 StrokeThickness="0" />
                    </Grid>
                  </Grid>
                </ControlTemplate>
              </TextBox.Template>
            </TextBox>
          </Canvas>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

</ResourceDictionary>